<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jquery dom操作</title>
		<style type="text/css">
			.bgColor{
				background-color: red;
			}
		</style>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			// dom ready 执行的jquery
			$(function(){
				// 给button绑定一个点击事件
//				$("#btn01").bind("click",function(){
//					// 同html方法给div添加内容
//					$("#cotent").html($("#cotent").html()+'<table><tr><td>姓名</td><td>年龄</td></tr></table>');
//					$("#cotent").addClass("bgColor bgColor");
//				})
				$("#btn01").click(function(){
					// 同html方法给div添加内容
					$("#cotent").html($("#cotent").html()+'<table><tr><td>姓名</td><td>年龄</td></tr></table>');
				    $("#cotent").addClass("bgColor bgColor");
				    var box = $('<div id="box">节点</div>'); 	
				    $("#cotent").append(box);
				});
			});
		</script>
	</head>
	<body>
		<div id="cotent"></div>
		<input type="button" class="bgColor bgColor" id="btn01" value="添加一个表格"></input>
	</body>
</html>
